<template>
  <div class="reports">
    <div class="reports-one">
      <line-echartxy eId="lineOne" :dataSource="oneData" />
    </div>
    <div class="reports-two">
      <line-echartxy eId="lineTwo" :dataSource="twoData" />
    </div>
  </div>
</template>
<script>
import LineEchartxy from "./LineEchartxy.vue";
export default {
  components: {
    LineEchartxy,
  },
  data() {
    return {
      oneData: {
        data: [
          [120, 132, 101, 134, 90, 230, 210], 
          [220, 182, 191, 234, 290, 330, 310],
          [150, 142, 91, 156, 234, 167, 289],
        ],
        legend: ["天使合伙人", "事业合伙人",'C端会员'],
        xAxis: ["2月1日", "2月2日", "2月3日", "2月4日", "2月5日", "2月6日", "2月7日"],
        colors: [
          "#dd3ee5",
          "#12e78c",
          "#fe8104",
          "#01C2F9",
          "#4B7CF3",
          "#FD9E06",
        ],
      },
      twoData: {
        data: [
          [120, 132, 101, 134, 90, 230, 210],
          [220, 182, 191, 234, 290, 330, 310],
          [150, 142, 91, 156, 234, 167, 289],
          [25, 102, 191, 96, 290, 367, 389],
        ],
        legend: ["每日充值人数", "每日成交人数",'今日注册人数','今日订单量'],
        xAxis: ["1", "2", "3", "4", "5", "6", "7"],
        colors: [
          "#FD9E06",
          "#4B7CF3",
          "#01C2F9",
          "#fe8104",
          "#12e78c",
          "#dd3ee5",
        ],
      },
    };
  },
};
</script>
<style scoped lang="scss">
.reports {
  width: 100%;
  height: 100%;
  background: #fff;
  .reports-one,
  .reports-two {
    width: 100%;
    height: 50%;
  }
}
</style>
